.mt4{
	margin-top: 4px;
}
.mt12{
	margin-top: 12px;
}
.mt24{
	margin-top: 24px;
}
.ml10{
	margin-left: 10px;
}
.ml12{
	margin-left: 12px;
}
.w100{
	width: 100%;
}
.u-flex {
	display: flex;
	align-items: center;
}
.u-flex-wrap {
	flex-wrap: wrap;
}
.u-flex-nowrap {
	flex-wrap: nowrap;
}
.u-col-center {
	align-items: center;
}
.u-col-top {
	align-items: flex-start;
}
.u-col-bottom {
	align-items: flex-end;
}
.u-row-center {
	justify-content: center;
}
.u-row-left {
	justify-content: flex-start;
}
.u-row-right {
	justify-content: flex-end;
}
.u-row-between {
	justify-content: space-between;
}
.u-row-around {
	justify-content: space-around;
}
.u-text-left {
	text-align: left;
}
.u-text-center {
	text-align: center;
}
.u-text-right {
	text-align: right;
}
.u-flex-col {
	display: flex;
	flex-direction: column;
}
.u-middle{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-ellipsis-1{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-ellipsis-2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.col-red{
	color: #f5222d;
}
.col-9{
	color: #999;
}
.bd-yellow{
	background: #f7ed1f;
}
.bd-{
	background: #f5222d;
}
.bd-green{
	background: #5af07e;
}
.bd-pink{
	background: pink;
}
.search{
	margin-top: 24px;
	padding: 20px; 
	display: flex;
	align-items: center;
	background: #fff;
	.item{
		margin-right: 20px;
		width: 25%;
		.label{
			padding-right: 10px;
			white-space: nowrap;
		}
	}
}

.del-btn {
  color: #f5222d !important;
}
